<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../../layui/css/layui.css">
    <link rel="stylesheet" href="../../css/shouye/index.css">
</head>
<script src="../../layui/layui.js"></script>
<script src="../../js/jquery-3.6.0.js"></script>
<script src="../../js/shouye/index.js"></script>
<body>
<div>


    <ul class="layui-nav" style="background-color: #1CBD9D;height: 60px">
        <li class="layui-nav-item"><img src="../../imagesss/2.png" style="width: 50px;height: 50px"></li>
        <li class="layui-nav-item" style="font-weight: bold;font-size: 20px">思云课堂后台管理系统</li>
        <li class="layui-nav-item" style="margin-left: 53%;width: 35px;height: 60px;line-height: 60px">
<!--            <a href="">控制台<span class="layui-badge">9</span></a>-->
            <i class="layui-icon layui-icon-username" style="font-size: 30px; color: white;"></i>
        </li>
<!--        个人中心-->
        <li class="layui-nav-item" id="ae">
<!--            <a href="">个人中心<span class="layui-badge-dot"></span></a>-->
        </li>
        <li class="layui-nav-item" id="con"></li>
<!--       返回首页-->
        <li class="layui-nav-item" style="width: 60px;height: 60px;line-height: 60px">
            <a href="index.html" title="返回首页"><i class="layui-icon layui-icon-home" style="font-size: 30px; color: white;"></i></span></a>
        </li>
<!--        常用菜单-->
        <li class="layui-nav-item is-menu-icon" style="width: 60px;height: 60px;line-height: 60px">
<!--            弹出菜单-->
            <i class="layui-icon layui-icon-spread-left" style="font-size: 30px; color: white;margin-left: 20px;"></i>
                <ul class="layui-nav-child" id="ddl">
                    <li class="xx"><a data-menuid="24" data-src="shouyepage/shouye.html" data-title="系统首页">系统首页</a></li>
                    <li class="xx"><a data-menuid="79"  data-src="carousel/piclist.html" data-title="轮播图列表">轮播图列表</a></li>
                    <li class="xx"><a data-menuid="25"  data-src="shouyepage/account.html" data-title="账户设置">账户设置</a></li>
                    <li class="xx2"><a data-menuid="15" data-src="#" data-title="商品列表">商品列表</a></li>
                    <li class="xx"><a data-menuid="41"  data-src="#" data-title="课程点赞热度">课程点赞热度</a></li>
                    <li class="xx"><a data-menuid="90"  data-src="comment/microcircle/microcircle.html" data-title="微圈评论">微圈评论</a></li>
                    <li class="xx2"><a data-menuid="49" data-src="userr/Userlist.html" data-title="用户列表">用户列表</a></li>
                    <li class="xx"><a data-menuid="50"  data-src="userr/JSUser.html" data-title="进思用户列表">进思用户列表</a></li>
                </ul>
        </li>
<!--        信息-->
<!--        <li class="layui-nav-item" style="width: 60px;height: 60px;line-height: 60px">-->
<!--            <a href=""><i class="layui-icon layui-icon-notice" style="font-size: 30px; color: white;"><span class="layui-badge-dot" style="display: none;"></span></i></a>-->
<!--        </li>-->
<!--        退出登录-->
        <li class="layui-nav-item" style="width: 60px;height: 60px;line-height: 60px">
<!--        javascript:void(0) 这句话的意思是告诉系统 什么都不用做 他这个语句的作用是防止连接的错误连接-->
            <a href="javascript:;" id="clear" onclick="logout()" title="返回登录"><i class="layui-icon layui-icon-logout" style="font-size: 30px; color: white;"></i></a>
       </li>

    </ul>
</div>

<!--<div id="navBarId" class="layui-side layui-bg-black" style="float: left;margin-top: 60px" lay-filter="test"></div>-->
<div class="layui-body" style="float: left;z-index: 10;">

<!--左边导航栏-->
<div id="navBarId" class="layui-side layui-bg-black" style="float: left;margin-top: 60px;overflow: scroll;" lay-filter="test"></div>
<div class="layui-body" style="float: left">
    <!-- 内容主体区域 -->
    <div class="layui-tab" lay-filter="demo" lay-allowClose="true">
<!--        tab-->
        <ul class="layui-tab-title" ></ul>
        <!-- 以下鼠标右键功能 界面 -->
        <ul class="rightmenu" style="display: none;position: absolute;">
            <li data-type="refresh">刷新</li>
            <li data-type="closeOthers">关闭其他</li>
            <li data-type="closeRight">关闭右边所有</li>
            <li data-type="closeAll">关闭所有</li>
        </ul>
        <div class="layui-tab-content"></div>
    </div>
</div>

</div>
</body>
</html>
